<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix='fn' uri='http://java.sun.com/jsp/jstl/functions'%>
 <title>Articles en promo</title>
    <link href="css/image-slider.css" rel="stylesheet" type="text/css" />
    <script src="image-slider.js" type="text/javascript"></script>
    <link href="css/generic.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="div1"><h2>Bienvenue dans le site Cinepantin</h2>
</div>

    <div id="sliderFrame">
            <div id="slider">
            <a href="accueil.jsp" target="_blank">
                <img src="img/Harry-Potter-en-DVD-et-blu-ray-le-film-bat-Avatar_portrait_w532.jpg" alt="Welcome to jQuery Slider" />
            </a>
            <a class="lazyImage" href="img/dvd2.jpg" title="Pure Javascript. No jQuery. No Flash.">Pure JavaScript</a>
            <a href="accueil.jsp"><b data-src="img/harrypotter.jpg">Image Slider</b></a>
            <a class="lazyImage" href="img/gravity1.jpg" title="">Slide 4</a>
        </div>
        <div id="thumbs">
            <div class="thumb">
                <div class="frame"></div>
                <div class="thumb-content"><a href="AfficherArticle"><p>Afficher Article</p>Liste des articles</a></div>
                <div style="clear:both;"></div>
            </div>
             <div class="thumb">
                <div class="frame"></div>
                <div class="thumb-content"><a href="AfficherLivre"><p>Afficher Livre</p>Liste des Livres</a></div>
                <div style="clear:both;"></div>
            </div>
             <div class="thumb">
                <div class="frame"></div>
                <div class="thumb-content"><a href="AfficherFilm"><p>Afficher Films</p>Liste des Films</a></div>
                <div style="clear:both;"></div>
            </div>

            <div class="thumb">
                <div class="frame"></div>
                <div class="thumb-content"><p>Autres</p>Autres Articles</div>
                <div style="clear:both;"></div>
            </div>
        </div>
        <!--clear above float:left elements. It is required if above #slider is styled as float:left. -->
        <div style="clear:both;height:0;"></div>
    </div>
</body>
</html>